移动端的东西：企业中做项目可能会遇到的问题

一、ios如何取消input的首字母默认大写 (面试题)
	
	<input type="text" autocapitalize='off'>
	
	解决方式：autocapitalize='off'

二、移动端input键盘右下角搜索按钮是怎么出来的？

	<form action="" onsubmit="return false" id='myForm'>
		<input type="search">
	</form>
	
	解决方式：要一层form
	
	追杀的问题：键盘如何收起 ：document.activeElement.blur();
	
三、页面元素被触摸时产生的半透明灰色蒙层怎么解决？

	a、button、input、textarea
	
	解决方式：-webkit-tap-highlight-color:rgba(0,0,0,0)
	

四、表单输入框placeholder的颜色值可以改变吗？

	解决方式：input::-webkit-input-placeholder{
				color:red;
			}

五、禁止ios或者安卓的长按保存图片


	解决：img{
		-webkit-touch-callout:none;
	}

六、如何禁止ios或者安卓长按选中文字

	解决方式：p{
				-webkit-user-select:none;
			}

七、移动端拍照怎么做？

	需求：
		1、拍照的需求
		2、不能在相册选择照片，只能拍照
		3、并且拍照后的图片，要显示在页面上
		
	解决：
	
		1、本身input type为file有拍照功能，但是显示效果不好，
			所以解决方式：让input隐藏掉，然后让button显示，点击button触发input
		
				<button onclick='document.getElementById("myFile").click()'>拍照</button>
				<input type="file"  capture='camcorder' accept="image/*" style="display: none;" id='myFile'>
		2、只是拍照
		
			<input type="file"  capture='camcorder' accept="image/*" style="display: none;" id='myFile'>

			重主要： capture='camcorder'
		
		3. 放入图片
		
			var btn = document.getElementById('btn');
			var myFile = document.getElementById('myFile');
			btn.onclick = function(){
				myFile.click();
				myFile.onchange = function(){
					var myFile = document.getElementById('myFile');
					var file = myFile.files[0];
					var fileReader = new FileReader();
					fileReader.onloadend = function(){
						if( fileReader.readyState == fileReader.DONE ){
							document.getElementById('vPhoto').setAttribute('src',fileReader.result);
						}
					}
					fileReader.readAsDataURL(file);
				}
			}
			
八、移动端click事件300ms延迟的问题
	
	历史遗留问题： 点一下还是点2下，不确定？
	
	解决方式：
	
		1、<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		
			最主要的：user-scalable=no
			
		2、fastclick
	